import store from '@/store'
import axios from 'axios'
import { Message } from 'element-ui'
// import { getToken } from './auth'
import router from '@/router'

const request = axios.create({
  // baseURL: 'https://heimahr.itheima.net/api',//无法访问，需要代理
  baseURL: process.env.VUE_APP_BASE_API, // 请求代理(代理和网页是同源的),这里用环境变量
  // baseURL: '/api', // 简写 不写完整就是在请求自己
  timeout: 5000 // 请求超时时间
})

// 添加请求拦截器
request.interceptors.request.use(
  function(config) {
    // 在发送请求之前做些什么
    // const token=getToken()//vuex仓库中的token
    const token = store.getters.token// 快捷访问vuex中的token
    if (token) {
      config.headers.Authorization = 'Bearer ' + token
    }
    return config
  },
  function(error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)
// 添加响应拦截器
request.interceptors.response.use(
  function(response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    // 响应拦截器：对响应数据进行处理
    // console.log(response)
    // 对响应数据进行处理
    // 如果后端返回的数据是二进制流，则直接返回response
    // 如果后端返回的数据是json数据，则返回data
    if (response.data instanceof Blob) {
      return response.data
    }
    // 以下的数据都是针对josn数据的
    if (response.data.success) { return response.data.data } else {
      Message.error(response.data.message)
      return Promise.reject(new Error('操作失败,没有拿到数据'))
    }
  },
  function(error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    Message.error(error.message)

    if (error.response.status === 401) {
      store.dispatch('user/logout')
      // 跳转到登录页
      router.push('/login')
      Message.error('登录信息过期,请重新登录')
    } else {
      Message.error(error.message)
    }
    return Promise.reject(error)
  }
)

export default request
